<table class="noSpacing" style="width: 100%;height: 100%;">
    <tr>
        <td style="padding: 5px;height: 100%;">
            <div class="box-wrap" style="display: table;margin-left: auto;margin-right: auto;height: 100%;overflow: hidden;padding-bottom: 5px">
                <table class="noSpacing" style="width: 100%;height: 100%;">
                    <tr>
                        <td style="height: 53px;">
                            <div class="box-heading">
                                <h4>
                                    <span class="glyphicon glyphicon-comment"></span>
                                    &nbsp;
                                    ขั้นตอนการแสดงผลรายงาน
                                </h4>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td style="padding: 0px;">
                            <div id="memberList" class="box-inner" style="height: 100%;overflow: auto;padding: 10px;">
                                <ol>
                                    <li>
                                        <span class="glyphicon glyphicon-user"></span> &nbsp;เลือกเกษตรกร<br>
                                        <div style="font-size:80%;padding: 10px;border: 1px dashed #aaa;">
                                            เลือก <b>รายชื่อเกษตรกร</b> ที่ต้องการใช้ข้อมูลในการแสดงผลรายงาน
                                        </div>
                                    </li>
                                    <li style="margin-top: 15px;">
                                        <span class="glyphicon glyphicon-signal"></span> &nbsp;เลือกรายงาน<br>
                                        <div style="font-size:80%;padding: 10px;border: 1px dashed #aaa;">
                                            <ul>
                                                <li >
                                                    <span class="glyphicon glyphicon-signal"></span>
                                                    &nbsp;
                                                    ต้นทุนการปลูกข้าว
                                                </li>
                                                <li >
                                                    <span class="glyphicon glyphicon-signal"></span>
                                                    &nbsp;
                                                    รายได้เหนือต้นทุน
                                                </li>
                                                <li >
                                                    <span class="glyphicon glyphicon-signal"></span>
                                                    &nbsp;
                                                    เปรียบเทียบต้นทุน และรายได้เหนือต้นทุน
                                                </li>
                                                <li >
                                                    <span class="glyphicon glyphicon-signal"></span>
                                                    &nbsp;
                                                    เปรียบเทียบต้นทุนปุ๋ย และรายได้เหนือต้นทุน
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li style="margin-top: 15px;">
                                        เลือก Crop<br>
                                        <div style="font-size:80%;padding: 10px;border: 1px dashed #aaa;">
                                            เลือก <b>Crop</b> ที่ต้องการใช้ข้อมูลในการแสดงผลรายงาน
                                        </div>
                                    </li>
                                </ol>
                            </div>
                        </td>
                    </tr>
                </table>
            </div>
        </td>
    </tr>
</table>